<template>
<div class="c-avatar-container">
  <img style="border-style:solid;" class="c-avatar bordered border-avatar" :src="avatar">
  <icon-profile-verified v-if="verifiedShow"></icon-profile-verified>
</div>
</template>

<script>
var DEAFULT_FAVICON = '/static/avatar.png'

module.exports = {
  props: {
    src: {
      type: null,
    },
    size: {
      type: null,
      default: 140
    },
    lazyload:{
      type: null,
      default: 0
    },
    verifiedShow:{
      default:false
    }
  },
  computed: {
    avatar: function () {
      return this.src ? (this.src + '?imageView/1/w/' + this.size + '/h/' + this.size) : DEAFULT_FAVICON
    }
  }
}
</script>
<style lang="stylus">
.c-avatar-container
  .is-profile-verified
    position absolute
</style>
